<template>
	<view class="content">
		<view class="success-icon">
			<view class="iconfont icon-wancheng"></view>
		</view>
		<view class="success-title"><text>绑定成功</text></view>
		<view class="success-tips">
			<text>您已成功绑定住院号，可在个人中心查看绑定信息</text>
		</view>
	</view>
	<view class="btn">
		<view @click="checkPersonalInformation(Data.id)">
			<text>查看住院人信息</text>
		</view>
	</view>
	<view class="btn-return">
		<view @click="returnIndex"><text>返回主页</text></view>
	</view>
</template>

<script setup>
	import {onLoad} from "@dcloudio/uni-app"
import { reactive } from "vue";
	let Data=reactive({
		id:""
	})
let checkPersonalInformation = (id) => {
	uni.navigateTo({
		url: `/pages/personHospital/personHospitalInfo/personHospitalInfo?id=${id}`
	})
}
let returnIndex = () => {
	uni.switchTab({
		url: '/pages/index/index'
	})
}
onLoad((option)=>{
	Data.id=option.id
})
</script>

<style scoped lang="less">
.content {
	width: 750rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	.success-icon {
		width: 750rpx;
		height: 100rpx;
		margin: 90rpx 0 40rpx 0;
		display: flex;
		justify-content: center;
		.iconfont {
			font-size: 100rpx;
			color: #006eff;
		}
	}
	.success-title {
		font-size: 32rpx;
	}
	.success-tips {
		font-size: 30rpx;
		color: #afafaf;
	}
}
.btn {
	width: 750rpx;
	height: 116rpx;
	margin-top: 208rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	view {
		width: 688rpx;
		height: 82rpx;
		background-color: #006eff;
		color: white;
		font-size: 34rpx;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.btn-return {
	width: 750rpx;
	height: 116rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	view {
		width: 688rpx;
		height: 82rpx;
		background-color: #e2efff;
		color: #006eff;
		font-size: 34rpx;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
</style>
